<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
        content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
    <!-- 引入网站图标 -->
    <link rel="shortcut icon" href=" favicon.ico" />
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入主页样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入图标字体 -->
    <link rel="stylesheet" href="./css/fa/css/all.css">
    <!-- 引入主页的 js文件 -->
    <script src="./js/index.js"></script>
    <!-- 引入animate动画文件 -->
    <script src="./js/animate.js"></script>
</head>

<body>
    <!-- 快捷导航模块 start -->
    <section class="shortcut">
        <div class="w">
            <ul class="left">
                <li>品优购欢迎您!&nbsp;&nbsp;</li>
                <a href="./login.html">请登录</a>&nbsp;&nbsp;<a href="./register.html" class="current">免费注册</a>
            </ul>
            <ul class="right">
                <li>我的订单</li>
                <li></li>
                <li>
                    我的品优购
                    <i class="fas fa-angle-down"></i>
                </li>
                <li></li>
                <li>
                    品优购会员
                </li>
                <li></li>
                <li>企业采购</li>
                <li></li>
                <li>
                    关注品优购
                    <i class="fas fa-angle-down"></i>
                </li>
                <li></li>
                <li>
                    客户服务
                    <i class="fas fa-angle-down"></i>
                </li>
                <li></li>
                <li>
                    网站导航
                    <i class="fas fa-angle-down"></i>
                </li>
            </ul>
        </div>
    </section>
    <!-- 快捷导航模块 end -->

    <!-- 头部导航模块 start -->
    <header class="header w">
        <h1 class="logo">
            <a href="index.html"></a>
        </h1>
        <div class="search-bar">
            <input type="text" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <div class="shop-car">
            <i class="fas fa-shopping-cart"></i>
            <a href="shoppingcar.html">我的购物车</a>
            <span>8</span>
            <i class="fas fa-angle-right"></i>
        </div>
        <div class="hotwords">
            <li>优惠购首发</li>
            <li>亿元优惠</li>
            <li>9.9元团购</li>
            <li>美满99减30</li>
            <li>办公用品</li>
            <li>电脑</li>
            <li>通信</li>
        </div>
    </header>
    <!-- 头部导航模块 end -->

    <!-- 商品跳转模块 start-->
    <div class="goods_jump">
        <div class="current_bg">
            <p>家用电器</p>
        </div>
        <div class="">
            <p>手机通讯</p>
        </div>
        <div class="">
            <p>电脑办公</p>
        </div>
    </div>
    <!-- 商品跳转模块 end-->

    <!-- nav栏模块 start -->
    <nav class="nav_bar">
        <div class="w">
            <div class="left_box">
                <a href="#" class="all_product">全部商品分类</a>
                <ul class="product-list">
                    <li><a href="#">家用电器</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="list.html">手机、</a><a href="#">数码、</a><a href="#">通信</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">电脑、</a><a href="#">办公</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">家居、</a><a href="#">家具、</a><a href="#">家装、</a><a href="#">厨具</a><i
                            class="fas fa-angle-right"></i></li>
                    <li><a href="#">男装、</a><a href="#">女装、</a><a href="#">童装、</a><a href="#">内衣</a><i
                            class="fas fa-angle-right"></i></li>
                    <li><a href="#">个户化妆、</a><a href="#">清洁用品、</a><a href="#">宠物</a><i class="fas fa-angle-right"></i>
                    </li>
                    <li><a href="#">鞋靴、</a><a href="#">箱包、</a><a href="#">珠宝、</a><a href="#">奢侈品</a><i
                            class="fas fa-angle-right"></i></li>
                    <li><a href="#">运动户外、</a><a href="#">钟表</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">汽车、</a><a href="#">汽车用品</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">母婴、</a><a href="#">玩具乐器</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">食品、</a><a href="#">酒类、</a><a href="#">生鲜、</a><a href="#">特产</a><i
                            class="fas fa-angle-right"></i></li>
                    <li><a href="#">医药保健</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">图书、</a><a href="#">音像、</a><a href="#">电子书</a><i class="fas fa-angle-right"></i></li>
                    <li><a href="#">彩票、</a><a href="#">旅行、</a><a href="#">充值、</a><a href="#">票务</a><i
                            class="fas fa-angle-right"></i></li>
                    <li><a href="#">理财、</a><a href="#">众筹、</a><a href="#">白条、</a><a href="#">保险</a><i
                            class="fas fa-angle-right"></i></li>
                </ul>
            </div>
            <div class="right_box">
                <a href="#">服装城</a>
                <a href="#">美妆馆</a>
                <a href="#">传智超市</a>
                <a href="#">全球购</a>
                <a href="#">闪购</a>
                <a href="#">团购</a>
                <a href="#">拍卖</a>
                <a href="#">有趣</a>
            </div>
        </div>
    </nav>
    <!-- nav栏模块 end -->

    <!-- banner模块 start -->
    <div class="rec_bar w">
        <div class="banner">
            <ul class="banner_ul">
                <li>
                    <a href="#">
                        <img src="./images/banner.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/mi_img1.png">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/mi_img2.png">
                    </a>
                </li>
            </ul>
            <div class="arrow">
                <i class="arrow_l fas fa-angle-left"></i>
                <i class="arrow_r fas fa-angle-right"></i>
            </div>
            <div class="circle">
                <!-- <li class="current_dot"></li>
                <li></li>
                <li></li> -->
            </div>
        </div>
        <div class="news">
            <div class="news_bar">
                <section>
                    <span>品优购快报</span>
                    <div>
                        <a href="#">更多</a>
                        <i class="fas fa-angle-right"></i>
                    </div>
                </section>
                <ul>
                    <li>
                        <a href="#">
                            <strong>[特惠]</strong>
                            备战开学季 全民半价购数码
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>[公告]</strong>
                            品优稳占家电网购六成份额
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>[特惠]</strong>
                            百元中秋全品类礼券限量领
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>[公告]</strong>
                            上品优生鲜 享阳澄湖大闸蟹
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>[特惠]</strong>
                            每日享折扣 品优品质游
                        </a>
                    </li>
                </ul>
            </div>
            <div class="spirit">
                <ol>
                    <a href="#">
                        <li class="spirit_pic"><span>话费</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>机票</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>电影票</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>游戏</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>彩票</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>加油卡</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>酒店</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>火车票</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>众筹</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>理财</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>礼品卡</span></li>
                    </a>
                    <a href="#">
                        <li class="spirit_pic"><span>白条</span></li>
                    </a>
                </ol>
            </div>
            <div class="advertisement">
                <a href="#">
                    <img src="./images/广告.png">
                </a>
            </div>
        </div>
    </div>
    <!-- banner模块 end -->

    <!-- 推荐模块 start -->
    <div class="today_rec w">
        <div class="left_box">
            <a href="#">
                <img src="./images/今日推荐.png">
                <p>今日推荐</p>
            </a>
        </div>
        <ul class="rec_goods">
            <li><img src="./images/推荐图片1.png"></li>
            <li><img src="./images/推荐图片2.png"></li>
            <li><img src="./images/推荐图片3.png"></li>
            <li><img src="./images/推荐图片4.png"></li>
        </ul>
    </div>
    <!-- 推荐模块 end -->

    <!-- 猜你喜欢 start -->
    <div class="maybe_like w">
        <div class="text">
            <span>猜你喜欢</span>
            <a href="#">
                <p>换一批</p>
                <i class="fas fa-redo"></i>
            </a>
        </div>
        <div class="maybe_like_goods">
            <ul>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./images/goods1.png">
                        </div>
                        <div class="goods_des">
                            <div>阳光美宝新款单肩包女</div>
                            <div>包时尚子母包四件套女</div>
                            <p>
                                <span>￥</span>
                                116.00
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./images/goods2.png">
                        </div>
                        <div class="goods_des">
                            <div>爱仕达 30CM炒锅不粘</div>
                            <div>锅NWG8330E电磁炉炒</div>
                            <p>
                                <span>￥</span>
                                99.00
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./images/goods3.png">
                        </div>
                        <div class="goods_des">
                            <div>捷波朗</div>
                            <div>（jabra）BOOSI劲步</div>
                            <p>
                                <span>￥</span>
                                245.00
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./images/goods4.png">
                        </div>
                        <div class="goods_des">
                            <div>欧普</div>
                            <div>JYLZ08面板灯平板灯铝</div>
                            <p>
                                <span>￥</span>
                                238.00
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./images/goods5.png">
                        </div>
                        <div class="goods_des">
                            <div>三星</div>
                            <div>（G5500）移动联</div>
                            <p>
                                <span>￥</span>
                                649.00
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./images/goods6.png">
                        </div>
                        <div class="goods_des">
                            <div>韩国所望</div>
                            <div>紧致湿润精华露400ml</div>
                            <p>
                                <span>￥</span>
                                649.00
                            </p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 猜你喜欢 end -->

    <!-- 有趣区 start -->
    <div class="interest_title w">
        <span>传智播客 <strong>·</strong> 有趣区</span>
    </div>
    <div class="interest w">
        <div class="books">
            <div>
                <p>传智播客好书榜</p>
                <p>畅销推荐低至一折</p>
            </div>
            <div class="book_pic">
                <img src="./images/book.png">
            </div>
        </div>
        <div class="great_goods">
            <div class="text_box">
                <div class="text">
                    <p>好东西</p>
                </div>
            </div>
            <a href="#">
                <div class="keyboard">
                    <div class="describe_text">
                        <p>达人推荐</p>
                        <p>雷神机械金属键盘</p>
                        <p>与你相见恨晚</p>
                    </div>
                    <div class="keyboard_pic">
                        <img src="./images/键盘.png">
                    </div>
                </div>
            </a>
            <a href="#">
                <div class="cloths">
                    <div class="cloths_text">
                        <p>发现好物</p>
                        <p>一不小心霸气外露</p>
                        <p>等你来</p>
                    </div>
                    <div class="cloths_pic">
                        <img src="./images/衣服.png">
                    </div>
                </div>
            </a>
        </div>
        <div class="brand_street">
            <div class="text_box">
                <div class="text">
                    <p>好东西</p>
                </div>
            </div>
            <a href="#">
                <div class="box_middle">
                    <div class="brand_text">
                        <p>苏泊尔</p>
                        <p>返场大秀场</p>
                        <p>爆品直降100元</p>
                    </div>
                    <div class="brand_pic">
                        <img src="./images/电饭煲.png">
                    </div>
                </div>
            </a>
            <div class="box_bottom">
                <a href="#">
                    <div class="internation">
                        <div class="internation_text">
                            <p>国际大牌</p>
                            <p>adidas</p>
                            <p>部分3免1</p>
                        </div>
                        <div class="internation_pic">
                            <img src="./images/adidas.png">
                        </div>
                    </div>
                </a>
                <a href="#">
                    <div class="internation second">
                        <div class="internation_text">
                            <p>本周特卖</p>
                            <p>大牌折扣</p>
                            <p>每周上新</p>
                        </div>
                        <div class="internation_pic">
                            <img src="./images/特卖.png">
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="brand_ico">
            <img src="./images/ico.png">
        </div>
    </div>
    <!-- 有趣区 end -->

    <!-- 分类商品列表 start -->
    <!-- 家电部分 start -->
    <div class="goods_list_text w">
        <div class="list_title">
            <p>家用电器</p>
        </div>
        <ul class="classcification">
            <a href="#">
                <li>热门</li>
                <li>大家电</li>
                <li>生活电器</li>
                <li>厨房电器</li>
                <li>个护健康</li>
                <li>应季电器</li>
                <li>空气/净水</li>
                <li>新奇特</li>
                <li>高端电器</li>
            </a>
        </ul>
    </div>
    <div class="goods_list_content w">
        <div class="first_class">
            <div class="first_text">
                <ul>
                    <a href="#">
                        <li>节能补贴</li>
                    </a>
                    <a href="#">
                        <li>4K电视</li>
                    </a>
                    <a href="#">
                        <li>空气净化器</li>
                    </a>
                    <a href="#">
                        <li>IH电饭煲</li>
                    </a>
                    <a href="#">
                        <li>滚筒洗衣机</li>
                    </a>
                    <a href="#">
                        <li>电热水器</li>
                    </a>
                </ul>
            </div>
            <div class="first_pic">
                <a href="#">
                    <div class="text_box">
                        <p>三星曲面电视</p>
                        <p>抽奖送豪礼</p>
                    </div>
                    <img src="./images/tv.png" alt="">
                </a>
            </div>
        </div>
        <div class="second_class">
            <div class="second_pic">
                <a href="#">
                    <div class="second_class_text">
                        <p>烧水壶智能光控泡茶壶茶具套装</p>
                        <p>满299.00减40.00</p>
                    </div>
                    <div class="kettle_pic">
                        <img src="./images/水壶.png" alt="">
                        <img src="" alt="">
                    </div>
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="third_box">
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>每满200减20元</p>
                        <p>烘焙节1元抢购</p>
                    </div>
                    <img src="./images/微波炉.png" alt="">
                </div>
            </a>
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>买乐视电视享钜惠</p>
                        <p>送60个月会员</p>
                    </div>
                    <img src="./images/乐视电视.png" alt="">
                </div>
            </a>
        </div>
        <div class="fourth_box">
            <a href="#">
                <div class="fourth_text">
                    <p>8.20彩电宅购节</p>
                    <p>65寸4K智能电视3799</p>
                </div>
                <img src="./images/智能电视.png" alt="">
            </a>
        </div>
        <div class="third_box">
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>消暑神器全场领券</p>
                        <p>1元赢空调</p>
                    </div>
                    <img src="./images/空调.png" alt="">
                </div>
            </a>
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>消暑神器全场领券</p>
                        <p>1元赢风扇</p>
                    </div>
                    <img src="./images/风扇.png" alt="">
                </div>
            </a>
        </div>
    </div>
    <div class="brand_ico_pic w">
        <img src="./images/品牌图标.png" alt="">
    </div>
    <!-- 家电部分 end -->

    <!-- 手机部分 start -->
    <div class="goods_list_text w">
        <div class="list_title">
            <p>手机通讯</p>
        </div>
        <ul class="classcification">
            <a href="#">
                <li>热门</li>
                <li>品质优选</li>
                <li>新机尝鲜</li>
                <li>高性价比</li>
                <li>口碑推荐</li>
                <li>合约机</li>
                <li>手机卡</li>
                <li>店铺精选</li>
                <li>手机配件</li>
            </a>
        </ul>
    </div>
    <div class="goods_list_content w">
        <div class="first_class">
            <div class="first_text">
                <ul>
                    <a href="#">
                        <li>手机通讯</li>
                    </a>
                    <a href="#">
                        <li>依旧换新</li>
                    </a>
                    <a href="#">
                        <li>双卡双待</li>
                    </a>
                    <a href="#">
                        <li>自营配件</li>
                    </a>
                    <a href="#">
                        <li>金属机身</li>
                    </a>
                    <a href="#">
                        <li>高清屏</li>
                    </a>
                </ul>
            </div>
            <div class="first_pic">
                <a href="#">
                    <div class="text_box">
                        <p>中兴A1 低至499元</p>
                        <p>国民指纹，超6万好评</p>
                    </div>
                    <img src="./images/中兴手机.png" alt="">
                </a>
            </div>
        </div>
        <div class="second_class other1">
            <div class="second_pic">
                <a href="#">
                    <div class="second_class_text other1_text">
                        <p>360 N4S限量版</p>
                        <p>1199抢购</p>
                    </div>
                    <div class="kettle_pic">
                        <img src="./images/N4S手机.png" alt="">
                        <img src="./images/N4S手机阴影.png" alt="">
                    </div>
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="third_box">
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>Moto X极</p>
                        <p>低至￥2999</p>
                    </div>
                    <img src="./images/Moto X极.png" alt="">
                </div>
            </a>
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>乐max2 限量秒杀</p>
                        <p>每日1899秒</p>
                    </div>
                    <img src="./images/乐max2.png" alt="">
                </div>
            </a>
        </div>
        <div class="fourth_box">
            <a href="#">
                <div class="fourth_text">
                    <p>G9青春版玫瑰金首发</p>
                    <p class="other2_p">赢0元试用</p>
                </div>
                <img src="./images/G9青春版.png" alt="">
            </a>
        </div>
        <div class="third_box">
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>荣耀V8 2K屏</p>
                        <p>￥2799元</p>
                    </div>
                    <img src="./images/荣耀V8.png" alt="">
                </div>
            </a>
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>vivo x7星空灰</p>
                        <p>1元赢新机</p>
                    </div>
                    <img src="./images/vivo x7.png" alt="">
                </div>
            </a>
        </div>
    </div>
    <div class="brand_ico_pic w">
        <img src="./images/品牌图标2.png" alt="">
    </div>
    <!-- 手机部分 end -->

    <!-- 电脑办公部分 start -->
    <div class="goods_list_text w">
        <div class="list_title">
            <p>电脑办公</p>
        </div>
        <ul class="classcification">
            <a href="#">
                <li>热门</li>
                <li>电脑/平板</li>
                <li>潮流影音</li>
                <li>智能/外设</li>
                <li>DIY硬件</li>
                <li>电竞游戏</li>
                <li>办公/网络</li>
                <li>文具电教</li>
                <li>精选配件</li>
            </a>
        </ul>
    </div>
    <div class="goods_list_content w">
        <div class="first_class">
            <div class="first_text">
                <ul>
                    <a href="#">
                        <li>SSD硬盘</li>
                    </a>
                    <a href="#">
                        <li>显示器</li>
                    </a>
                    <a href="#">
                        <li>机械键盘</li>
                    </a>
                    <a href="#">
                        <li>台式机</li>
                    </a>
                    <a href="#">
                        <li>组装电脑</li>
                    </a>
                    <a href="#">
                        <li>配件专区</li>
                    </a>
                </ul>
            </div>
            <div class="first_pic">
                <a href="#">
                    <div class="text_box">
                        <p>电脑特惠直降3000</p>
                        <p class="other3_p">游戏本6期免息</p>
                    </div>
                    <img src="./images/游戏本.png" alt="">
                </a>
            </div>
        </div>
        <div class="second_class other3">
            <div class="second_pic">
                <a href="#">
                    <div class="second_class_text other3_text">
                        <p>大牌相机低价抢</p>
                        <p>运动相机低至￥299</p>
                    </div>
                    <div class="kettle_pic">
                        <img src="./images/相机.png" alt="">
                        <img src="" alt="">
                    </div>
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="third_box">
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>平板新世界</p>
                        <p>开启2IN1时代</p>
                    </div>
                    <img src="./images/平板新世界.png" alt="">
                </div>
            </a>
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>低价来袭</p>
                        <p>机械键盘低至99元</p>
                    </div>
                    <img src="./images/机械键盘.png" alt="">
                </div>
            </a>
        </div>
        <div class="fourth_box">
            <a href="#">
                <div class="fourth_text">
                    <p>全场6期分期免息</p>
                    <p class="other3_p">我和DIY有个约会</p>
                </div>
                <img src="./images/DIY.png" alt="">
            </a>
        </div>
        <div class="third_box">
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>荣耀V8 2K屏</p>
                        <p>￥2799元</p>
                    </div>
                    <img src="./images/荣耀V8.png" alt="">
                </div>
            </a>
            <a href="#">
                <div class="box_top">
                    <div class="third_text">
                        <p>潮流手配 尖叫来袭</p>
                        <p>满99元减30元</p>
                    </div>
                    <img src="./images/手配.png" alt="">
                </div>
            </a>
        </div>
    </div>
    <div class="brand_ico_pic w">
        <img src="./images/品牌图标3.png" alt="">
    </div>
    <!-- 电脑办公部分 end -->

    <!-- 分类商品列表 end -->

    <!-- 底部 footer模块 start -->
    <footer class="footer_bar">
        <div class="w first_bar">
            <li>
                <div class="icon"></div>
                <div class="footer_text">
                    <h5>正品保障</h5>
                    <p>正品保障，提供发票</p>
                </div>
            </li>
            <li>
                <div class="icon"></div>
                <div class="footer_text">
                    <h5>极速物流</h5>
                    <p>急速物流，急速送达</p>
                </div>
            </li>
            <li>
                <div class="icon"></div>
                <div class="footer_text">
                    <h5>无忧售后</h5>
                    <p>7天无理由退换货</p>
                </div>
            </li>
            <li>
                <div class="icon"></div>
                <div class="footer_text">
                    <h5>特色服务</h5>
                    <p>私人定制家电套餐</p>
                </div>
            </li>
            <li>
                <div class="icon"></div>
                <div class="footer_text">
                    <h5>帮助中心</h5>
                    <p>您的购物指南</p>
                </div>
            </li>
        </div>
        <ul class="w">
            <div class="text_list">
                <h4>购物指南</h4>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行/团购</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客服</li>
            </div>
            <div class="text_list">
                <h4>配送方式</h4>
                <li>上门自提</li>
                <li>211限时达</li>
                <li>配送服务查询</li>
                <li>配送费收取标准</li>
                <li>海外配送</li>
            </div>
            <div class="text_list">
                <h4>支付方式</h4>
                <li>货到付款</li>
                <li>在线支付</li>
                <li>分期付款</li>
                <li>邮局汇款</li>
                <li>公司转账</li>
            </div>
            <div class="text_list">
                <h4>售后服务</h4>
                <li>售后政策</li>
                <li>价格保护</li>
                <li>退款说明</li>
                <li>返修/退换货</li>
                <li>取消订单</li>
            </div>
            <div class="text_list">
                <h4>特色服务</h4>
                <li>夺宝岛</li>
                <li>DIY装机</li>
                <li>延保服务</li>
                <li>品优购E卡</li>
                <li>品优购通信</li>
            </div>
            <div class="text_list">
                <h4>帮助中心</h4>
                <li class="QR_code">
                    <div></div>
                </li>
                <li>品优购客户端</li>
            </div>
        </ul>
        <div class="w last_bar">
            <section>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">手机品优购</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">销售联盟</a></li>
                <li><a href="#">品优购社区</a></li>
                <li><a href="#">品优购公益</a></li>
                <li><a href="#">English Site</a></li>
                <li><a href="#">Contact U</a></li>
            </section>
            <div>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</div>
            <div>京ICP备08001421号京公网安备110108007702</div>
        </div>
    </footer>
    <!-- 底部 footer模块 end -->
</body>

</html>